import { createMaterialTopTabNavigator } from 'react-navigation-tabs';
import Cat from './components/cat';
import Dog from './components/dog';
import Pig from './components/pig';

export default createMaterialTopTabNavigator(
	{
		AlbumsScreen: {
			screen: Cat,
			navigationOptions: {
				title: '猫咪',
			},
		},
		ArticleScreen: {
			screen: Dog,
			navigationOptions: {
				title: '藏獒',
			},
		},
		ContactsScreen: {
			screen: Pig,
			navigationOptions: {
				title: '天蓬',
			},
		},
	},
	{
		lazy: true,
		backBehavior:'Home', // 当按下返回 back 时直接返回上个路由
		tabBarOptions: {
			activeTintColor: 'red', // active 颜色
			inactiveTintColor: '#000001', // 非 active 颜色
			// pressColor: '#fefefe', // 鼠标按下，背景波浪纹
			indicatorStyle: {
				// tabs 下的线样式
				backgroundColor: 'red',
			},
			style: {
				backgroundColor: '#fffffe',
				elevation: 0, //  设置阴影角度，通过这个设置有无阴影（这个是最重要的，决定有没有阴影）
			},
		},
	}
);
